<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/bootstrap-3.4.1-dist/css/bootstrap.css">

</head>
<body>
   <div class="login-main">
       <form class="login" method="POST" action="/">
  <div class="form-group">
    <label>账 号</label>
    <input  class="form-control" name="username" placeholder="请输入登录账号">
  </div>
  <div class="form-group">
    <label >密 码</label>
    <input type="password" name="password" class="form-control" placeholder="请输入登录密码">
  </div>
  <div style="float: right" class="button-group1">
      <button type="submit" class="btn btn-success">登录</button>
      <button type="button" class="btn btn-warning" >取消</button>
  </div>
</form>
   </div>
</body>
<style>
    a{
        color:white;
    }
    body{
        background: url("/static/img/login.jpeg");
    }
    .login{
        position: absolute;
        top: 30%;
        left: 60%;
        height: 250px;
        width: 250px;
    }

</style>

<script src="../static/js/jquery-3.5.1.min.js"></script>
<script src="../static/js/bootstrap.js"></script>

<script>
    const flag = document.getElementById('response')
    if (parseInt(flag.innerText) === 0){
        alert("账号或密码输入错误!")
    }
</script>

</html>